import React from 'react';
import './DataStatistics.less'

const DataStatistics = (props) => (
  <div className="data-statistics">
    <div className="data-statistics-item">
      <p className="data-title">Today Register</p>
      <p className="data-content">345</p>
    </div>
    <div className="data-statistics-item">
      <p className="data-title">Sum Online User</p>
      <p className="data-content">345</p>
    </div>
    <div className="data-statistics-item">
      <p className="data-title">Today APP Downloads</p>
      <p className="data-content">345</p>
    </div>
    <div className="data-statistics-item">
      <p className="data-title">Today Integration To Cash </p>
      <div className="today-integration">
        <p className="data-content">345.00</p>
        <div className="data-details">
          <p>3456</p>
          <p>0.89</p>
        </div>
      </div>
    </div>
  </div>
)

export default DataStatistics;
